  // 1.1 获取裁剪区域的 DOM 元素
  var $image = $('#image')
  // 1.2 配置选项
  const options = {
    // 纵横比
    aspectRatio: 1,
    // 指定预览区域
    preview: '.img-preview'
  }

  // 1.3 创建裁剪区域
  $image.cropper(options)
  //点击上传图片
  $('#btn').click(function(){
    $('#file').click();
  });
  $('#file').on('change',function(){
    if (this.files.length <= 0) return layer.msg('请选择文件');
    var newImgURL = URL.createObjectURL(this.files[0]);
    $image
    .cropper('destroy')
    .attr('src',newImgURL)
    .cropper(options)    
  });
  //更换图片
  $('#btnUpload').on('click',function(){
    var dataURL = $image
    .cropper('getCroppedCanvas', {
      // 创建一个 Canvas 画布
      width: 100,
      height: 100
    })
    .toDataURL('image/png')
    $.ajax({
      type:'post',
      url:'/my/update/avatar',
      data:{
        avatar:dataURL
      },
      success:function(res){
        if (res.status != 0)return layer.mag('更换头像失败');
        window.parent.getUserInFo();
        // $('.text-avatar').hide();
      }
    })
  })